/*
 *  This file is part of Moeditor.
 *
 *  Copyright (c) 2016 Menci <huanghaorui301@gmail.com>
 *
 *  Moeditor is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  Moeditor is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with Moeditor. If not, see <http://www.gnu.org/licenses/>.
 */

/*.CodeMirror-vscrollbar {*/
    /*width: 6px;*/
    /*overflow-y: hidden !important;*/
/*}*/

/*.CodeMirror-vscrollbar:hover {*/
    /*overflow-y: scroll !important;*/
/*}*/

/*::-webkit-scrollbar {*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*background: none;*/
/*}*/

/*::-webkit-scrollbar {*/
    /*background-color: #ddd;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
    /*border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
    /*background-color: #b8b8b8;*/
/*}*/


.CodeMirror-vscrollbar{
    height: 100% !important;
    transition: opacity 0.75s, font-size 0.75s !important;
    opacity: 0;

    width: 35px !important;
    font-size: 12px ;
    background: rgba(0,0,0,0) !important;
}

.CodeMirror-vscrollbar.scrolling{
    font-size: 14px;
    opacity: .45;
}

.CodeMirror-vscrollbar.hoverScroll {
    opacity: .8 !important;
}

/* new */
:root{
    --scrollWidth: 10px;
}

::-webkit-scrollbar {
    width: var(--scrollWidth) !important;
    height: var(--scrollWidth) !important;
}
::-webkit-scrollbar-button {
    width: 0 !important;
    height: 0 !important;
}
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}
::-webkit-scrollbar-corner {
    display: block !important;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2) !important;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.5) !important;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}
::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,0.15) !important;
}
/*
::-webkit-scrollbar-button:start {
  width: 10px;
  height: 10px;
  background: url("../img/scrollbar_arrow.png") no-repeat 0 0;
}

::-webkit-scrollbar-button:start:hover {
  background: url("../img/scrollbar_arrow.png") no-repeat -15px 0;
}
::-webkit-scrollbar-button:start:active {
  background: url("../img/scrollbar_arrow.png") no-repeat -30px 0;
}
::-webkit-scrollbar-button:end {
  width: 10px;
  height: 10px;
  background: url("../img/scrollbar_arrow.png") no-repeat 0 -18px;
}
::-webkit-scrollbar-button:end:hover {
  background: url("../img/scrollbar_arrow.png") no-repeat -15px -18px;
}
::-webkit-scrollbar-button:end:active {
  background: url("../img/scrollbar_arrow.png") no-repeat -30px -18px;
}*/

.highlight_back::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.2);
}
.highlight_back::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.5);
}
.highlight_back::-webkit-scrollbar-track:hover {
    background-color: rgba(255,255,255,0.15);
}


/*#editor .CodeMirror-vscrollbar::-webkit-scrollbar-thumb ,*/
/*#preview::-webkit-scrollbar-thumb {*/
    /*background-color: rgba(0,0,0,0);*/
    /*-webkit-animation: 1s;*/
/*}*/

/*#editor .CodeMirror-vscrollbar.hoverScroll::-webkit-scrollbar-thumb ,*/
/*#preview.hoverScroll::-webkit-scrollbar-thumb {*/
    /*background-color: rgba(0,0,0,0.2);*/
/*}*/

#preview::-webkit-scrollbar,
.CodeMirror-scroll::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
}